
.section {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.section .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

.middle {
    position: relative;
    width: 1000px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.section1 {
    background: url(../../img/p1.png) 50% 0 no-repeat ;
    background-size: 100% 100%;
}

.section2 {
     background: url(../../img/bg_l.jpg) 50% 0 no-repeat ;
     background-size: 100% 100%;
 }

.left2 {
    position: absolute;
    left: -200%;
    top: 70%;
    width: 450px;
    height: 320px;
    margin: -270px 0 0 -20px;
}

.right2{
    position: absolute;
    left: 200%;
    top: 70%;
    width: 540px;
    height: 380px;
    margin: -300px 0 0 -50px;
}



.left_show {
    position: absolute;
    left: -200%;
    top: 60%;
    width: 350px;
    height: 500px;
    margin: -270px 0 0 -50px;
}

.right_show{
    position: absolute;
    left: 200%;
    top: 60%;
    width: 540px;
    height: 500px;
    margin: -300px 0 0 50px;
}

.section_fico {
    background: url(../../img/bg_r.jpg) 50% 0 no-repeat ;
    background-size: 100% 100%;
}


.left_fico {
    position: absolute;
    left: -200%;
    top: 70%;
    width: 450px;
    height: 380px;
    margin: -300px 0 0 30px;
}

.right_fico{
    position: absolute;
    left: 200%;
    top: 70%;
    width: 450px;
    height: 380px;
    margin: -300px 0 0 20px;
}

.section3 {
    background: url(../../img/bg_r.jpg) 50% 0 no-repeat ;
    background-size: 100% 100%;
}

.section_radar {
    background: url(../../img/bg_l.jpg) 50% 0 no-repeat ;
    background-size: 100% 100%;
}


.left3 {
    position: absolute;
    left: -200%;
    top: 70%;
    width: 540px;
    height: 380px;
    margin: -300px 0 0 0;
}

.right3 {
    position: absolute;
    left: 200%;
    top: 70%;
    width: 500px;
    height: 320px;
    margin: -260px 0 0 60px;
}

.section4 {
    background: url(../../img/bg_l.jpg) 50% 0 no-repeat ;
    background-size: 100% 100%;
}

.section_finance {
    background: url(../../img/bg_l.jpg) 50% 0 no-repeat ;
    background-size: 100% 100%;
}

.left4 {
    position: absolute;
    left: -200%;
    top: 70%;
    width: 500px;
    height: 320px;
    margin: -300px 0 0 -70px;
}

.right4{
    position: absolute;
    left: 200%;
    top: 70%;
    width: 600px;
    height: 380px;
    margin: -300px 0 0 -30px;
}

.section5 {
    background: url(../../img/bg_r.jpg) 50% 0 no-repeat ;
    background-size: 100% 100%;
}

.section_location {
    background: url(../../img/bg_r.jpg) 50% 0 no-repeat ;
    background-size: 100% 100%;
}

.left5 {
    position: absolute;
    left: -200%;
    top: 70%;
    width: 500px;
    height: 380px;
    margin: -300px 0 0 20px;
}

.right5 {
    position: absolute;
    left: 200%;
    top: 70%;
    width: 450px;
    height: 280px;
    margin: -240px 0 0 50px;
}

.section6 {
    background: url(../../img/bg_l.jpg) 50% 0 no-repeat ;
    background-size: 100% 100%;
}

.section_net {
    background: url(../../img/bg_r.jpg) 50% 0 no-repeat ;
    background-size: 100% 100%;
}

.left6 {
    position: absolute;
    left: -200%;
    top: 70%;
    width: 450px;
    height: 300px;
    margin: -270px 0 0 25px;
}

.right6{
    position: absolute;
    left: 200%;
    top: 70%;
    width: 500px;
    height: 380px;
    margin: -300px 0 0 -30px;
}

.section7 {
    background: url(../../img/6.jpg) 50% 0 no-repeat ;
    background-size: 100% 100%;
}


.section_showdata {
    background: url(../../img/bg_r.jpg) 50% 0 no-repeat ;
    background-size: 100% 100%;
}

.section_20 {
    background: url(../../img/6.jpg) 50% 0 no-repeat ;
    background-size: 100% 100%;
}

.left7 {
    position: absolute;
    left: -200%;
    top: 65%;
    width: 480px;
    height: 480px;
    margin: -300px 0 0 0;
}

.right7 {
    position: absolute;
    left: 200%;
    top: 70%;
    width: 500px;
    height: 320px;
    margin: -260px 0 0 0;
}



.section8 {
    background: url(../../img/p8.png) 0 0 no-repeat ;
    background-size: 100% 100%;
}


.section_last {
    background: url(../../img/p8.png) 0 0 no-repeat ;
    background-size: 100% 100%;
}


.section_fix {
    background: url(../../img/bg_l.jpg) 50% 0 no-repeat ;
    background-size: 100% 100%;
}
/* 动画 */
.left {
    transition: all 1.5s;
}

.right {
    transition: all 1.5s;
}

.active .left, .ltie10 .left {
    left: 0;
}

.active .right, .ltie10 .right {
    left: 50%;
}

.godown span {
    -webkit-animation: fade 3s infinite linear;
    animation: fade 3s infinite linear;
}

@-webkit-keyframes fade {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.3;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.3;
    }
    100% {
        opacity: 1;
    }
}
.qtcode { position: absolute; right: 80px; bottom: 30px; width: 395px; height: 71px; background-image: url(../../img/6-rd.png) ;opacity: 0;transition: all 1s;}

.show_data1 { position: absolute; right: 750px; bottom: 0px; width: 398px; height: 478px; background-image: url(../../img/sig_1.jpg) ;background-size:100% 100% ;opacity: 0;transition: all 1s;}
.active .show_data1 , .ltie10 .show_data1 { right: 600px; bottom: 30px;opacity: 1; transition-delay: 0.5s;}

.show_data2 { position: absolute; right: 600px; bottom: 0px; width: 264px; height: 478px; background-image: url(../../img/sig_2.jpg) ;background-size:100% 100%;opacity: 0;transition: all 1s;}
.active .show_data2 , .ltie10 .show_data2 { right: 300px; bottom: 30px;opacity: 1; transition-delay: 1.2s;}

.show_data3 { position: absolute; right: 300px; bottom: 0px; width: 210px; height: 478px; background-image: url(../../img/sig_3.jpg) ;background-size:100% 100%;opacity: 0;transition: all 1s;}
.active .show_data3 , .ltie10 .show_data3 { right: 50px; bottom: 30px;opacity: 1; transition-delay: 1.7s;}


.godown {
    *display: none;
    position: absolute;
    left: 50%;
    bottom: 20px;
    z-index: 100;
    width: 50px;
    height: 53px;
    margin-left: -25px;
}

.godown span {
    display: block;
    width: 50px;
    height: 53px;
    background-image: url(../../img/godown.png);
}

.active .qtcode , .ltie10 .qtcode { right: 30px; bottom: 30px;opacity: 1; transition-delay: 1.7s;}


.link {
    position: absolute;
    height: 52px;
    text-indent: -9999px;
    overflow: hidden;
}

.a1-1 {
    width: 202px;
    left: 45px;
    bottom: 63px;
}

.a2-1 {
    width: 268px;
    left: 20px;
    bottom: 237px;
}

.a2-2 {
    width: 270px;
    left: 78px;
    bottom: 158px;
}

.a3-1 {
    width: 268px;
    left: 20px;
    bottom: 10px;
}

.a3-2 {
    width: 270px;
    right: 22px;
    bottom: 10px;
}

.a4-1 {
    width: 268px;
    left: 20px;
    bottom: 10px;
}

.a4-2 {
    width: 270px;
    right: 18px;
    bottom: 10px;
}

.a5-1 {
    width: 268px;
    left: 20px;
    bottom: 10px;
}

.a5-2 {
    width: 270px;
    right: 20px;
    bottom: 10px;
}